<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/stylesheets/yinshi.css">
    <style>

    </style>
</head>
<body>
    <div class="header">
        <div class="h1">
            <a href="https://www.meishij.net/" class="logo">
        </a>
        <div class="h2">
            <form action="">
                <input type="text" class="h21" placeholder="请输入菜谱/食材/菜单/作者">
                <input type="submit" class="h22" value="搜索">
            </form>
        </div>
        <div class="h3">
            <a href="" class="k h31">QQ登录</a>
            <a href="" class="k h32">微博登录</a>
            <a href="" class="k h33">注册</a>
            <a href="" class="k h34">登录</a>
        </div>
        </div>
    </div>
    <div class="nav">
        <ul id="main_nav">
            <li><a href="" class="link pngFix">首页</a></li>
            <li class="hasmore"><a href="" class="link pngFix">菜谱大全</a>
                <div class="n1">
                    <div class="dww clearfix dww_cpdq">
                        <div class="dwitem clearfix pngFix">
                            <dl class="clearfix"><dt><a href="">家常菜谱</a></dt>
                            <dd><a href="">家常菜</a></dd>	<dd><a href="">凉菜</a></dd>
                            <dd><a href="">素食</a></dd>	<dd><a href="">晚餐</a></dd>
                            <dd><a href="">私家菜</a></dd>	<dd><a href="">热菜</a></dd>
                            <dd><a href="">海鲜</a></dd>	<dd><a href="">孕妇</a></dd>
                            <dd><a href="">早餐</a></dd>	<dd><a href="">午餐</a></dd>	
                            <dd><a href="">甜品点心</a></dd>	<dd><a href="">汤粥</a></dd>
                            <dd><a href="">宝宝食谱-婴儿食谱</a></dd>	<dd><a href="">糕点主食</a></dd>	
                            <dd><a href="">微波炉</a>
                            </dd></dl></div>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">中华菜系</a></dt><dd><a href="">川菜</a></dd>
                            <dd><a href="">粤菜</a></dd><dd><a href="">东北菜</a></dd><dd><a href="">湘菜</a></dd>
                            <dd><a href="">鲁菜</a></dd><dd><a href="">浙菜</a></dd><dd><a href="">湖北菜</a></dd>
                            <dd><a href="">清真菜</a></dd></dl>

                        </div><div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">各地小吃</a></dt>
                            <dd><a href="">四川小吃</a></dd>
                            <dd><a href="">广东小吃</a></dd>
                            <dd><a href="">北京小吃</a></dd>
                            <dd><a href="">陕西小吃</a></dd></dl></div><br/>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">外国菜谱</a></dt>
                            <dd><a href="">韩国料理</a></dd>
                            <dd><a href="">日本料理</a></dd><dd><a href="">法国菜</a></dd><dd><a href="">意大利餐</a></dd></dl></div>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">&nbsp;&nbsp;&nbsp;烘焙</a></dt>
                            <dd><a href="">蛋糕面包</a></dd>
                            <dd><a href="">饼干配方</a></dd><dd><a href="">甜品点心</a></dd></dl></div><br/>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">厨房百科</a></dt>
                            <dd><a href="">摆盘围边</a></dd><dd><a href="">烹饪技巧</a></dd>
                            <dd><a href="">生活妙招</a></dd><dd><a href="">美食专题</a></dd></dl></div>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">食材百科</a></dt>
                            <dd><a href="">蔬菜</a></dd><dd><a href="">水果</a></dd><dd><a href="">谷类</a></dd></dl></div>
                            <div class="bgitem"></div>
                    </div>
                </div>
            </li>
            <li class="hasmore2"><a href="">饮食健康</a>
                <div class="n1">
                    <div class="dww clearfix dww_cpdq">
                        <div class="dwitem clearfix pngFix">
                            <dl class="clearfix"><dt><a href="">饮食健康</a></dt>
                            <dd><a href="">饮食小常识</a></dd>	<dd><a href="">美容瘦身</a></dd>
                            <dd><a href="">食品安全</a></dd>	<dd><a href="">养生妙方</a></dd>
                            <dd><a href="">饮食禁忌</a></dd>	<dd><a href="">中医保健</a></dd>
                            <dd><a href="">母婴健康饮食</a></dd><dd><a href="">饮食新闻</a></dd>
                        </dl></div>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">功能性调理</a></dt><dd><a href="">清热去火</a></dd>
                            <dd><a href="">减肥</a></dd><dd><a href="">祛痰</a></dd><dd><a href="">乌发</a></dd>
                            <dd><a href="">滋阴补肾</a></dd><dd><a href="">健脾开胃</a></dd><dd><a href="">消化不良</a></dd>
                            <dd><a href="">清热解毒</a></dd><dd><a href="">补阳壮阳</a></dd><dd><a href="">补阳壮阳</a></dd></dl>

                        </div><div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">人群膳食</a></dt>
                            <dd><a href="">孕妇</a></dd>
                            <dd><a href="">老人</a></dd>
                            <dd><a href="">产妇</a></dd>
                            <dd><a href="">哺乳期</a></dd>
                            <dd><a href="">青少年</a></dd>
                        </dl></div><br/>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">外国菜谱</a></dt>
                            <dd><a href="">韩国料理</a></dd>
                            <dd><a href="">日本料理</a></dd><dd><a href="">法国菜</a></dd><dd><a href="">意大利餐</a></dd></dl></div>

                            <div class="dwitem dwitem_half clearfix">
                            <dl class="clearfix"><dt><a href="">&nbsp;&nbsp;&nbsp;烘焙</a></dt>
                            <dd><a href="">蛋糕面包</a></dd>
                            <dd><a href="">饼干配方</a></dd><dd><a href="">甜品点心</a></dd></dl></div><br/>
                            <div class="bgitem2"></div>
                    </div>
                </div>
            </li>
            <li><a href="">美食菜单</a></li>
            <li><a href="">家居馆</a></li>
            <li><a href="" class="k11">美食达人
                <img src="https://st-cn.meishij.net/p2/20160909/20160909164810_443.png" alt="" width="24px" height="23px">
            </a></li>
            <li><a href="">菜谱视频</a></li>
            <li><a href="">产品下载</a></li>
        </ul>
    </div>
    <div class="k1">
        <div class="main">
            <strong class="bbtitles"><a target="_blank" href="" class="jksz pngFix">亥时是调养三焦养生的最佳时机，宜泡脚可以加速入睡，美容养颜。</a></strong>

            <div class="container">
                <div class="title-box">
                    <span class="action">饮食健康</span>
                </div>
                <div class="card card-left card-action">
                    <ul>
                        <li>
                            <dt>饮食资讯</dt>
                            <span>
                                <a href="">新鲜资讯</a>
                                <a href="">食品安全</a>
                            </span>
                        </li>
                        <li>
                            <dt>饮食文化</dt>
                            <span>
                                <a href="">美食典故</a>
                                <a href="">茶文化</a>
                                <a href="">外国饮食文化</a>
                                <a href="">酒文化</a>
                                <a href="">中西餐礼仪</a>
                            </span>
                        </li>
                        <li>
                            <dt>专区</dt>
                            <span>
                                <a href="">孕妇专区</a>
                            </span>
                        </li>
                        <li>
                            <dt>健康指南</dt>
                            <span>
                                <a href="">饮食小常识</a>
                                <a href="">饮食禁忌</a>
                                <a href="">养生妙方</a>
                                <a href="">中医保健</a>
                                <a href="">美容瘦身</a>
                                <a href="">母婴健康饮食</a>
                            </span>
                        </li>
                    </ul>

                </div>
                <div class="card card-right">
                    <ul>
                        <li>
                            <dt>人群膳食</dt>
                            <span>
                                <a href="">孕妇</a>
                                <a href="">产妇</a>
                                <a href="">幼儿</a>
                                <a href="">哺乳期</a>
                                <a href="">婴儿</a>
                                <a href="">学龄前儿童</a>
                                <a href="">学龄期儿童</a>
                                <a href="">青少年</a>
                                <a href="">老人</a>
                                <a href="">高温环境作业人群</a>
                                <a href="">低温环境作业人群</a>
                                <br><br>
                                <a href="">接触电离辐射人员</a>
                                <a href="">接触化学毒素人员</a>
                                <a href="">运动员</a>
                                <a href="">围孕期</a>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>

            <strong class="bbtitles" id="bbtitles">合理的饮食，是身体健康的第一要素<span class="paixu"><a href="" class="current">最新</a> | <a href="">最热</a></span></strong>
            <div class="k3">
                <ul>
                    <% yinshiNumber.forEach((item)=>{ %>
                        <li>
                            <!-- <a href="/yinshi_details" data-yinshiid''<%= item.id%>'>
                                <img src="<%= item.img_url%>" alt="">
                                <p class="k31">
                                    &nbsp;&nbsp;&nbsp;<%= item.text%>
                                </p>
                            </a> -->

                            <a href="/yinshidetails?yinshiid=<%= item.id%>">
                                <img src="<%= item.img_url%>" alt="">
                                <p class="k31">
                                    &nbsp;&nbsp;&nbsp;<%= item.text%>
                                </p>
                            </a>

                            <br>
                            <p class="k32">
                                &nbsp;&nbsp;&nbsp;<%= item.d1%>
                                &nbsp;&nbsp;<%= item.d11%>
                            </p>
                        </li>
                    <% }) %>
                </ul>
                <br>
                <div class="kbt">
                <% for(let i=0; i < yinshi;i++) {%>
                    <a href="/yinshi?yinshi=<%= i + 1%>" class="kbt1
                        <%= currentyinshi == i + 1 ? 'current_yinshi' : ''%>">
                        <%= i + 1 %>
                    </a>
                    <% } %>
                </div>
            </div>
            <div class="bottom_back_top_top bottom_back_top_top_slideUp" id="bottom_back_top_top"><a href="#" title="返回健康饮食的顶部" class="backtotop pngFix">回到顶部</a></div>
    </div>
    <div class="main_footer pngFix">
        <div class="footer_con1 clearfix">
            <div class="logobottom" style="height:196px;width:600px;background: url(https://st-cn.meishij.net/p2/20190606/20190606113304_957.png) left center no-repeat;background-size:70% auto;">
                <a href="" style="height:100%;width:200px;display:block;"></a>
            </div>
            <div class="links">
                <ul class="cleearfix">
                    <li class="sina"><a class="img" target="_blank" href=""><span>关注：49万</span></a>
                    <p><a target="_blank" href="">点击进入<br/>美食杰官方微博</a></p></li><li class="tengxun">
                    <a class="img"  target="_blank" href=""><span>关注：10.9万</span></a>
                    <p><a target="_blank" href="">点击进入<br/>美食杰QQ空间</a></p></li>
                    <li class="weixin"><a target="_blank" href="" class="img"></a>
                    <p><a target="_blank" href="">扫描二维码添加<br/>美食杰为微信好友</a></p></li>
                    <li class="download"><a target="_blank" href="" class="img"></a>
                    <p><a target="_blank" href="">扫描二维码下载<br/>美食杰手机客户端</a></p></li>
                </ul>
            </div>
        </div>
            <div class="footer_con3">
            <ul class="clearfix">
                <li><a target="_blank" href="" title="公司简介">公司简介</a></li>
                <li><a target="_blank" href="" title="关于我们">关于我们</a></li>
                <li><a target="_blank" href="" title="产品下载">产品下载</a></li>
                <li><a target="_blank" href="" title="加入我们">加入我们</a></li>
                <li><a target="_blank" href="" title="联系我们">联系我们</a></li>		
                <li><a target="_blank" href="" title="商务合作">商务合作</a></li>
                <li><a target="_blank" href="" title="用户协议">用户协议</a></li>
                <li><a target="_blank" href="" title="用户协议">隐私政策</a></li>
                <li><a target="_blank" href="" title="网站地图">网站地图</a></li>
                <li><a target="_blank" href="" title="友情链接">友情链接</a></li>			
            </ul>
            <p><a target="_blank" href="" class="gray_a">京ICP备14030359号-1</a>/<a target="_blank" href="" class="gray_a"><img src="https://st-cn.meishij.net/p2/20180208/20180208111357_93713.png" />京公网安备11010802026928</a> Copyright © 2003-2021 MEISHIJ CO.,LTD.</p>
        </div>
    </div>

    <script>
        var changelist = ['饮食健康','人群膳食']
        var titleBox = document.querySelector('.title-box')
        var card = document.querySelectorAll('.card')
        var str = ''
        for(var t = 0;t <= changelist.length-1;t++) {
            str+=`<span>${changelist[t]}</span>`
        }
        titleBox.innerHTML = str

        var span = document.querySelectorAll('.title-box span')
        span[0].className = 'action'

        for(var i = 0;i <= span.length-1;i++) {

            span[i].dataset.index = i
            span[i].onclick = function() {
                for(var j = 0;j <= span.length-1;j++) {
                    span[j].className = ''
                    card[j].classList.remove('card-action')
                }
                span[this.dataset.index].className = 'action'
                card[this.dataset.index].classList.add('card-action')
            }
        }
    </script>
</body>
</html>